/* 主要 */
.pure-notice-bar-primary {
    --pure-notice-bar-background: var(--pure-theme-primary);
    color: #ffffff;
}

/* 成功 */
.pure-notice-bar-success {
    --pure-notice-bar-background: var(--pure-theme-success);
    color: #ffffff;
}

/* 危险 */
.pure-notice-bar-danger {
    --pure-notice-bar-background: var(--pure-theme-danger);
    color: #ffffff;
}

/* 警告 */
.pure-notice-bar-warning {
    --pure-notice-bar-background: var(--pure-theme-warning);
    color: #ffffff;
}

/* 信息 */
.pure-notice-bar-info {
    --pure-notice-bar-background: var(--pure-theme-info);
    color: #ffffff;
}

/* 顶部对齐 */
.pure-notice-bar-align-top {
    --pure-notice-bar-align-items: flex-start;
    --pure-notice-bar-icon-margin: 0.1em 0 0 0;
    --pure-notice-bar-item-top: 0;
    --pure-notice-bar-item-transform: none;
}

/* 一行 - 超出显示省略号 */
.pure-notice-bar-line-1 {
    --pure-notice-bar-item-overflow: hidden;
    --pure-notice-bar-item-white-space: nowrap;
    --pure-notice-bar-item-text-overflow: ellipsis;
    --pure-notice-bar-item-display: block;
}

/* 多行 - 超出显示省略号 */
.pure-notice-bar-line-2 {
    --pure-notice-bar-item-display: -webkit-box;
    --pure-notice-bar-item-overflow: hidden;
    --pure-notice-bar-item-word-break: break-all;
    --pure-notice-bar-item-white-space: normal;
    --pure-notice-bar-line-clamp: 2;
    --pure-notice-bar-item-box-orient: vertical;
}

/* 多行 - 超出显示省略号 */
.pure-notice-bar-line-3 {
    --pure-notice-bar-item-display: -webkit-box;
    --pure-notice-bar-item-overflow: hidden;
    --pure-notice-bar-item-word-break: break-all;
    --pure-notice-bar-item-white-space: normal;
    --pure-notice-bar-line-clamp: 3;
    --pure-notice-bar-item-box-orient: vertical;
}

/* 多行 - 超出显示省略号 */
.pure-notice-bar-line-4 {
    --pure-notice-bar-item-display: -webkit-box;
    --pure-notice-bar-item-overflow: hidden;
    --pure-notice-bar-item-word-break: break-all;
    --pure-notice-bar-item-white-space: normal;
    --pure-notice-bar-line-clamp: 4;
    --pure-notice-bar-item-box-orient: vertical;
}

/* 多行 - 超出显示省略号 */
.pure-notice-bar-line-5 {
    --pure-notice-bar-item-display: -webkit-box;
    --pure-notice-bar-item-overflow: hidden;
    --pure-notice-bar-item-word-break: break-all;
    --pure-notice-bar-item-white-space: normal;
    --pure-notice-bar-line-clamp: 5;
    --pure-notice-bar-item-box-orient: vertical;
}

/* 多行 - 超出显示省略号 */
.pure-notice-bar-line-6 {
    --pure-notice-bar-item-display: -webkit-box;
    --pure-notice-bar-item-overflow: hidden;
    --pure-notice-bar-item-word-break: break-all;
    --pure-notice-bar-item-white-space: normal;
    --pure-notice-bar-line-clamp: 6;
    --pure-notice-bar-item-box-orient: vertical;
}

/* 多行 - 超出显示省略号 */
.pure-notice-bar-line-7 {
    --pure-notice-bar-item-display: -webkit-box;
    --pure-notice-bar-item-overflow: hidden;
    --pure-notice-bar-item-word-break: break-all;
    --pure-notice-bar-item-white-space: normal;
    --pure-notice-bar-line-clamp: 7;
    --pure-notice-bar-item-box-orient: vertical;
}

/* 多行 - 超出显示省略号 */
.pure-notice-bar-line-8 {
    --pure-notice-bar-item-display: -webkit-box;
    --pure-notice-bar-item-overflow: hidden;
    --pure-notice-bar-item-word-break: break-all;
    --pure-notice-bar-item-white-space: normal;
    --pure-notice-bar-line-clamp: 8;
    --pure-notice-bar-item-box-orient: vertical;
}

/* 多行 - 超出显示省略号 */
.pure-notice-bar-line-9 {
    --pure-notice-bar-item-display: -webkit-box;
    --pure-notice-bar-item-overflow: hidden;
    --pure-notice-bar-item-word-break: break-all;
    --pure-notice-bar-item-white-space: normal;
    --pure-notice-bar-line-clamp: 9;
    --pure-notice-bar-item-box-orient: vertical;
}

/* 多行 - 超出显示省略号 */
.pure-notice-bar-line-10 {
    --pure-notice-bar-item-display: -webkit-box;
    --pure-notice-bar-item-overflow: hidden;
    --pure-notice-bar-item-word-break: break-all;
    --pure-notice-bar-item-white-space: normal;
    --pure-notice-bar-line-clamp: 10;
    --pure-notice-bar-item-box-orient: vertical;
}